﻿<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
    <title>Zeina HTML5 Theme</title>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="js/ie-fixes.js"></script>
    <script type="text/javascript" src="js/_excanvas.compiled.js"></script>
    <link rel="stylesheet" href="css/ie-fixes.css">
    <![endif]-->
    <meta name="description" content="Zeina HTML5 Theme">
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--- This should placed first off all other scripts -->


    <link rel="stylesheet" href="css/font-awesome-ie7.css">
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/revolution_settings.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/eislider.css">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/tipsy.css">
    <link rel="stylesheet" href="css/prettyPhoto.css">
    <link rel="stylesheet" href="css/isotop_animation.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/flexslider.css">


    <!-- remprod -->
    <link rel="stylesheet" href="css/_colorpicker.css">
    <!-- end remprod -->
    <link href='css/style.css' rel='stylesheet' type='text/css'>
    <link href='css/responsive.css' rel='stylesheet' type='text/css'>
    <link href="css/skins/flat-blue.css" rel='stylesheet' type='text/css' id="skin-file">
    <!-- remprod -->
    <style type="text/css" id="skin-chooser-css">
    </style>
    <!-- end remprod -->
    <!--<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script>-->
    <!-- Fonts -->
    <!--<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>-->
    <!--[if lt IE 9]>
            <script type="text/javascript" src="js/respond.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="css/color-chooser.css">
</head>
<body>

    <div id="wrapper">
        <div class="top_wrapper">
            <!-- Header -->
            <header id="header">
                <div class="container">
                    <div class="row header">
                        <!-- Logo -->
                        <div class="col-md-2 col-sm-4 col-xs-4 logo">
                            <a href="index.html">
                                <img src="images/logo.png" alt="Zeina HTML5 Theme" />
                            </a>
                        </div>
                        <!-- //Logo// -->
                        <!-- Navigation File -->
                        <div class="col-md-10">
                            <!-- Mobile Button Menu -->
                            <div class="mobile-menu-button">
                                <i class="icon-reorder"></i>
                            </div>
                            <!-- //Mobile Button Menu// -->


                            <nav>
                                <ul class="navigation">
                                    <li>
                                        <a href="index.html">
                                            <span class="label-nav">
                                                Home
                                            </span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="QuienesSomos.html">
                                            <span class="label-nav">
                                                Quienes Somos
                                            </span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="blog.html">
                                            <span class="label-nav">
                                                Blog
                                            </span>
                                        </a>
                                        <ul>
                                            <li>
                                                <a href="blog.html">Blog</a>
                                            </li>
                                            <li>
                                                <a href="blog-masonry.html">Blog Masonry</a>
                                            </li>
                                            <li>
                                                <a href="blog-single.html">Blog Single</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="portfolio-two-columns.html">
                                            <span class="label-nav">
                                                Portfolio
                                            </span>
                                        </a>
                                        <ul>
                                            <li>
                                                <a href="portfolio-two-columns.html">2 Column</a>
                                            </li>
                                            <li>
                                                <a href="portfolio-three-columns.html">3 Column</a>
                                            </li>
                                            <li>
                                                <a href="portfolio-four-columns.html">4 Column</a>
                                            </li>
                                            <li>
                                                <a href="portfolio-single.html">Single</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="elements.html">
                                            <span class="label-nav">
                                                Shortcodes
                                            </span>
                                        </a>
                                        <ul>
                                            <li>
                                                <a href="accordions.html">Accordions & Toggles</a>
                                            </li>
                                            <li>
                                                <a href="columns.html">Columns</a>
                                            </li>
                                            <li>
                                                <a href="elements.html">Elements</a>
                                            </li>
                                            <li>
                                                <a href="icon-boxes.html">Icon Boxes</a>
                                            </li>
                                            <li>
                                                <a href="flat-icons.html">Flat Icons</a>
                                            </li>
                                            <li>
                                                <a href="icons.html">Icons</a>
                                            </li>
                                            <li>
                                                <a href="price-tables.html">Pricing Tables</a>
                                            </li>
                                            <li>
                                                <a href="tabs.html">Tabs</a>
                                            </li>
                                            <li>
                                                <a href="testimonials.html">Testimonials</a>
                                            </li>
                                            <li>
                                                <a href="typography.html">Typography</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="contact2.html">
                                            <span class="label-nav">
                                                Contact Us
                                            </span>
                                        </a>
                                        <ul>
                                            <li>
                                                <a href="contact.html">Contact Page 1</a>
                                            </li>
                                            <li>
                                                <a href="contact2.html">Contact Page 2</a>
                                            </li>
                                            <li>
                                                <a href="contact3.html">Contact Page 3</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                            <!-- Mobile Nav. Container -->
                            <ul class="mobile-nav">
                                <li class="responsive-searchbox">
                                    <!-- Responsive Nave -->
                                    <form action="#" method="get">
                                        <input type="text" class="searchbox-inputtext" id="searchbox-inputtext-mobile" name="s" />
                                        <button class="icon-search"></button>
                                    </form>
                                    <!-- //Responsive Nave// -->
                                </li>
                            </ul>
                            <!-- //Mobile Nav. Container// -->
                        </div>
                        <!-- Nav -->
                    </div>

                </div>
            </header>
            <!-- //Header// -->
            <div class="top-title-wrapper">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 col-sm-12 page-info">
                            <h1 class="h1-page-title">Quienes Somos</h1>
                            <h2 class="h2-page-desc">
                               Conozca las razones de nuestro éxito
                            </h2>

                            <!-- BreadCrumb -->
                            <div class="breadcrumb-container">
                                <ol class="breadcrumb">
                                    <li>
                                        <a href="index.html">
                                            <i class="icon-home"></i>
                                            Home
                                        </a>
                                    </li>
                                    <li>Quienes Somos</li>
                                </ol>
                            </div>
                            <!-- BreadCrumb -->

                        </div>
                    </div>
                </div>
            </div>
        </div><!--.top wrapper end -->

        <div class="loading-container">
            <div class="loading">
                <i></i><i></i>
            </div>
            <div class="loading-fallback">
                <img src="images/loading.gif" alt="Loading" />
            </div>
            <div class="loading-text">
                loading..
            </div>
        </div>


        <div class="content-wrapper hide-until-loading">
            <div class="body-wrapper">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            <div class="center-title">
                                <div class="heading-title">
                                    <h2 class="h2-section-title">Somos Inventaria Consulting S.A.C.</h2>
                                </div>
                                <div class="center-title"><h4 style="font-style:italic;font-weight:bold;">"Somos consultores especializados en la elaboración de inventarios"</h4></div>
                                <div class="center-title"><h4 style="font-style: italic; font-weight: bold;">"Conózcanos y comience a contar con nosotros"</h4></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">

                        <div class="col-md-6 col-sm-6">
                            <div class="cycle-slideshow frame1"
                                 data-cycle-slides="> .slider-img"
                                 data-cycle-swipe="true"
                                 data-cycle-prev=".cycle-prev"
                                 data-cycle-next=".cycle-next"
                                 data-cycle-overlay-fx-out="slideUp"
                                 data-cycle-overlay-fx-in="slideDown"
                                 data-cycle-auto-height="calc"
                                 data-cycle-timeout=0>
                                <div class="icon-angle-right cycle-next"></div>
                                <div class="icon-angle-left cycle-prev"></div>
                                <div class="cycle-pager"></div>

                                <!-- slider item -->
                                <div class="slider-img">
                                    <img src="media/about-us.jpg" alt="about-us.jpg" class="img-responsive" />

                                </div>
                                <!-- //slider item// -->
                                <!-- slider item -->
                                <div class="slider-img">
                                    <img src="media/about-us2.jpg" alt="about-us2.jpg" class="img-responsive" />

                                </div>
                                <!-- //slider item// -->
                            </div>

                        </div>
                        <div class="col-md-6 col-sm-6">
                            <p>
                                Somos una empresa especializada en la gestión de inventarios de activo fijo y existencias. Ofrecemos un trato personalizado a nuestros clientes, el cual nos permite detectar las necesidades específicas de cada uno de ellos.
                            </p>
                            <p>
                                Contamos con un equipo de personas  altamente calificado con experiencia técnica y profesional que nos permite desarrollar inventarios a gran escala dentro y fuera de Lima.
                            </p>
                            <p>
                                Los conceptos y  metodología empleados pueden ser utilizados en cualquier tipo de Empresa, Organismo o Institución, ya sea de bienes o servicios,  del ámbito privado o público.
                            </p>
                            <p>
                                voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit
                                aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos quii nventore veritatis et quasi architecto beatae vitae dicta sunt explicabo nventore veritatis et quasi .
                            </p>
                            <p>Hemos desarrollado  un sistema propio de control y  toma de inventarios altamente eficiente y tecnológicamente avanzado.</p>
                            <p>Por lo anterior, garantizamos que contamos con el respaldo técnico y  económico suficiente para satisfacer cada una de las necesidades  que su empresa requiere para obtener un resultado exitoso.</p>
                            <p>Nuestra Visión es ser la empresa líder del mercado Peruano para la consultoría de Inventarios y activos, generando valor a nuestros clientes y permaneciendo junto a ellos a lo largo de los años.</p>
                            <p>Nuestra Misión es brindar a nuestros clientes un servicio eficiente,  confiable, oportuno y personalizado  en la toma de inventarios utilizando la mejor tecnología disponible y personal altamente calificado.</p>
                        </div>

                    </div>
                </div>
                <div class="divider divider-shadow"></div>
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            <div class="center-title">
                                <div class="heading-title">
                                    <h2 class="h2-section-title">Misión</h2>
                                </div>
                                <p>
                                    Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum,
                                    nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris.
                                    Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. Class aptent taciti
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="space-sep60"></div>
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            <div class="center-title">
                                <div class="heading-title">
                                    <h2 class="h2-section-title">Visión</h2>
                                </div>
                                <p>
                                    Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum,
                                    nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris.
                                    Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. Class aptent taciti
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div><!--.content-wrapper end -->
        <footer>
            <div class="footer">

                <div class="container">
                    <div class="footer-wrapper">
                        <div class="row">


                            <!-- Footer Col. -->
                            <div class="col-md-3 col-sm-3 footer-col">
                                <div class="footer-content">
                                    <div class="footer-content-logo">
                                        <img src="images/logo.png" alt="" />
                                    </div>
                                    <div class="footer-content-text">
                                        <p>
                                            Lorem ipsum dolor sit amet nec, consectetuer adipiscing elit. Aenean commodo ligula eget
                                            dolor.
                                        </p>
                                        <p>
                                            Lorem ipsum dolor sit amet nec, consectetuer adipiscing elit. Aenean commodo ligula eget
                                            dolor.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- //Footer Col.// -->
                            <!-- Footer Col. -->
                            <div class="col-md-3 col-sm-3 footer-col">
                                <div class="footer-title">
                                    Recent Posts
                                </div>
                                <div class="footer-content">
                                    <div class="footer-posts">
                                        <ul class="posts-list">
                                            <li>
                                                <div class="posts-list-thumbnail">
                                                    <a href="#">
                                                        <img src="media/blog1-thumb.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="posts-list-content">
                                                    <a href="#" class="posts-list-title">Sidebar post example </a>
                                                    <span class="posts-list-meta">
                                                        July 30, 2013
                                                    </span>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="posts-list-thumbnail">
                                                    <a href="#">
                                                        <img src="media/blog2-thumb.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="posts-list-content">
                                                    <a href="#" class="posts-list-title">Sidebar post example </a>
                                                    <span class="posts-list-meta">
                                                        July 30, 2013
                                                    </span>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="posts-list-thumbnail">
                                                    <a href="#">
                                                        <img src="media/blog3-thumb.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="posts-list-content">
                                                    <a href="#" class="posts-list-title">Sidebar post example </a>
                                                    <span class="posts-list-meta">
                                                        July 30, 2013
                                                    </span>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="posts-list-thumbnail">
                                                    <a href="#">
                                                        <img src="media/blog4-thumb.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="posts-list-content">
                                                    <a href="#" class="posts-list-title">Sidebar post example </a>
                                                    <span class="posts-list-meta">
                                                        July 30, 2013
                                                    </span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>

                            </div>
                            <!-- //Footer Col.// -->
                            <!-- Footer Col. -->
                            <div class="col-md-3 col-sm-3 footer-col">
                                <div class="footer-title">
                                    Get In Touch
                                </div>
                                <div class="footer-content">
                                    <ul class="contact-info">
                                        <li>
                                            <div class="contact-title">
                                                <i class="icon-map-marker"></i>Address
                                            </div>
                                            <div class="contact-details">38222 California, Los Angeles 22</div>
                                        </li>
                                        <li>
                                            <div class="contact-title">
                                                <i class="icon-phone"></i>phone
                                            </div>
                                            <div class="contact-details">123-345-6666</div>
                                        </li>
                                        <li>
                                            <div class="contact-title">
                                                <i class="icon-envelope"></i>eMail
                                            </div>
                                            <div class="contact-details"><a href="mailto:info@company.com">info@companyname.com</a></div>
                                        </li>
                                        <li>
                                            <div class="contact-title">
                                                <i class="icon-globe"></i>Website
                                            </div>
                                            <div class="contact-details"><a href="#">www.companyname.com</a></div>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                            <!-- //Footer Col.// -->
                            <!-- Footer Col. -->
                            <div class="col-md-3 col-sm-3 footer-col">
                                <div class="footer-title">
                                    Photostream
                                </div>
                                <div class="footer-content">
                                    <div class="flickr_badge_wrapper">
                                        <!--<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=9&amp;display=latest&amp;size=s&amp;layout=x&amp;source=all_tag&amp;tag=Sky,scrappers" id="flicker-images"></script>-->
                                    </div>
                                    <!-- //Footer Col.// -->

                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="copyright">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-6 col-sm-6">
                                <div class="copyright-text">&copy; 2013 Zeina Theme | Theme Developed By <a href="http://www.activeaxon.com/" target="_blank">ActiveAxon</a></div>
                            </div>
                            <div class="col-md-6 col-sm-6">

                                <div class="social-icons">
                                    <ul>
                                        <li>
                                            <a href="#" title="facebook" target="_blank" class="social-media-icon facebook-icon">facebook</a>
                                        </li>
                                        <li>
                                            <a href="#" title="twitter" target="_blank" class="social-media-icon twitter-icon">twitter</a>
                                        </li>
                                        <li>
                                            <a href="#" title="googleplus" target="_blank" class="social-media-icon googleplus-icon">googleplus</a>
                                        </li>
                                        <li>
                                            <a href="#" title="pininterest" target="_blank" class="social-media-icon pininterest-icon">pininterest</a>
                                        </li>
                                        <li>
                                            <a href="#" title="dribble" target="_blank" class="social-media-icon dribble-icon">dribble</a>
                                        </li>

                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </footer>

    </div><!-- wrapper end -->
    <!-- remprod -->
    <script type="text/x-handlebars-template" id="css-skin">


        .navigation > li:hover > a,.navigation > li > a:hover,
        .navigation > li > .activelink,.navigation > li:hover > a > i, .navigation > li > a:hover >
        span.label-nav-sub::before, .navigation > li > a:focus > span.label-nav-sub::before{
        color:  {{skin_color}};
        }
        .mobile-menu-button, .mobile-nav, .slider-fixed-container{
        background-color:  {{skin_color}};
        }

        .navigation > li > a:after, .navigation>li>.activelink:after{
        background-color:  {{skin_color}};
        }
        .navigation>li:hover > a > span.label-nav-sub::before,.navigation>li:hover> a > span.label-nav-sub::before{
        color:  {{skin_color}};
        }


        /* Page Content Colors */
        .body-wrapper a:hover , .tab a:hover, accordion .title:hover, .top-body a:hover, .bottom-body
        a:hover,.content-box.content-style2 h4 i
        ,.accordion .active h4, .accordion .title:hover h4, .side-navigation .menu-item.current-menu-item a,
        .side-navigation .menu-item:hover a:after,
        .side-navigation .menu-item:hover a, a.tool-tip, .team-member .team-member-position, .team-member-progress
        .team-member-position, .item-img-overlay i
        ,ul.icon-content-list-container li.icon-content-single .icon-box i,.item-img-overlay .portfolio-zoom:hover,
        .navigation ul li:hover>a, .blog_post_quote:after,
        .item-img-overlay .portfolio-zoom, body .white-text .feature-details a:hover{
        color:  {{skin_color}};
        }
        ::selection
        {
        background-color: {{skin_color}};
        }
        ::-moz-selection
        {
        background-color: {{skin_color}};
        }
        .item-img-overlay .portfolio-zoom:hover, .tab a.active {
        color:  {{skin_color}} !important;
        }
        .callout-box{
        border-left-color:  {{skin_color}}
        }
        .feature .feature-content,.team-member .team-member-content{
        border-top-color:  {{skin_color}};
        }

        .team-member-progress-bar{
        background-color:  {{skin_color}};
        }
        .blog-masonry .blog_post_quote{
        border-top: 2px solid  {{skin_color}};
        }
        .tab a.active:after {
        background-color: {{skin_color}};
        border-color:  {{skin_color}};
        }
        .item-img-overlay{
        background-color:  {{skin_color_rgba}};
        }
        .item-img-overlay i:hover{
        background-color:  {{skin_color_rgba}};
        }
        body .section-content.section-image{
        background-color:  {{skin_color_rgba}};
        }



        .button, .body-wrapper input[type="submit"], .body-wrapper input[type="button"], .section-content.section-color-bg,.content-box.content-style4 h4 i
        ,button.button-main,.body-wrapper .tags a:hover,.callout-box.callout-box2, .blog-search .blog-search-button, .top-title-wrapper, .testimonial-big
        ,.content-style3:hover .content-style3-icon, .content-box.style5 h4 i, table.table thead tr, .price-table .price-label-badge, .price-table .price-table-header, .section-subscribe .subscribe-button.icon-envelope-alt{
        background-color: {{skin_color}};
        }


        .blog-post-icon,.comments-list .children .comment:before,.portfolio-filter li a.portfolio-selected,
        .portfolio-filter li a:hover, .dropcaps.dropcaps-color-style, .carousel-container .carousel-icon:hover{
        background-color:  {{skin_color}};
        }
        .comments-list .children .comment:after{
        border-color: transparent transparent transparent  {{skin_color}};;
        }

        .highlighted-text{
        background-color:  {{skin_color}};
        color: #ffffff;
        }
        .icons-list.colored-list li:before, .blog-post-date .day, .blog-post-date .month, strong.colored, span.colored
        ,.content-style3 .content-style3-icon{
        color:  {{skin_color}};
        }


        .pagination .prev, .pagination .next, .pagination a:hover, .pagination a.current, .price-table .price-label{
        color: {{skin_color}};
        }


        /* Footer Area Colors */

        .footer .copyright{
        border-color:  {{skin_color}};
        }

        .footer .copyright a:hover{
        color:  {{skin_color}};
        }
        .flickr_badge_wrapper .flickr_badge_image img:hover{
        border-color:  {{skin_color}};
        }
    </script>

    <script type="text/javascript"> var $default_skin = "light-blue";</script><div id="skin-chooser-container" class="skin-chooser-container hide-skin-chooser">
        <a href="#" target="_blank" class="skin-save" id="skin-save"><i class="icon-arrow-down"></i> DOWNLOAD NEW SKIN </a>
        <div class="skin-chooser">

            <div class="skin-chooser-label">
                Layout mode
            </div>
            <div class="skin-chooser-row skin-chooser-row-open">
                <select id="layout-mode">
                    <option value="">Wide</option>
                    <option value="boxed">Boxed</option>
                </select>
            </div>
            <div class="skin-chooser-label">
                Predefined Skins
            </div>
            <div class="skin-chooser-row skin-chooser-row-open">
                <div title="light-blue" class="predefined-skins light-blue" data-skinname="light-blue" style="background-color: #279FBB"></div>
                <div title="green" class="predefined-skins green" data-skinname="green" style="background-color: #26ae91"></div>
                <div title="red" class="predefined-skins red" data-skinname="red" style="background-color: #d14836"></div>
                <div title="pink" class="predefined-skins pink" data-skinname="pink" style="background-color: #bb3b6b"></div>
                <div title="light-purple" class="predefined-skins light-purple" data-skinname="light-purple" style="background-color: #bba6bb"></div>
                <div title="orange" class="predefined-skins orange" data-skinname="orange" style="background-color: #dd6153"></div>
                <div title="bright-green" class="predefined-skins bright-green" data-skinname="bright-green" style="background-color: #8cbb75"></div>
                <div title="dark-blue" class="predefined-skins dark-blue" data-skinname="dark-blue" style="background-color: #2580b1"></div>
                <div title="oil" class="predefined-skins oil" data-skinname="oil" style="background-color: #9b9e40"></div>
                <div title="black" class="predefined-skins black" data-skinname="black" style="background-color: #5f5d5c"></div>
                <div title="light-brown" class="predefined-skins light-brown" data-skinname="light-brown" style="background-color: #d06f71"></div>
                <div title="coffee" class="predefined-skins coffee" data-skinname="coffee" style="background-color: #9d634c"></div>
                <div title="flat-blue" class="predefined-skins flat-blue" data-skinname="flat-blue" style="background-color: #3498db"></div>
            </div>

            <div class="skin-chooser-label">
                Custom Colors
            </div>

            <div class="skin-chooser-row skin-chooser-row-open">
                <div class="skin-chooser-elements">
                    <div class="color-chooser-group-label">
                        <i class="icon-angle-right"></i> Choose your skin color
                    </div>
                    <div class="color-chooser-input">
                        <input type="text" name="skin_color" id="skin_color" class="input-colorpicker"
                               value="#279FBB" />
                        <label class="color-preview" for="skin_color"
                               style="background-color: #279FBB"></label>
                    </div>
                </div>
            </div>
            <div class="skin-chooser-label">
                Patterns Background
            </div>

            <div class="skin-chooser-row skin-chooser-row-open">
                <div class="pattern pattern-black-twill" data-body-class="bgpattern-black-twill"></div>
                <div class="pattern pattern-dark-fish-skin" data-body-class="bgpattern-dark-fish-skin"></div>
                <div class="pattern pattern-escheresque-ste" data-body-class="bgpattern-escheresque-ste"></div>
                <div class="pattern pattern-grey" data-body-class="bgpattern-grey"></div>
                <div class="pattern pattern-knitting250px" data-body-class="bgpattern-knitting250px"></div>
                <div class="pattern pattern-p4" data-body-class="bgpattern-p4"></div>
                <div class="pattern pattern-p5" data-body-class="bgpattern-p5"></div>
                <div class="pattern pattern-p6" data-body-class="bgpattern-p6"></div>
                <div class="pattern pattern-ps-neutral" data-body-class="bgpattern-ps-neutral"></div>
                <div class="pattern pattern-pw-maze-white" data-body-class="bgpattern-pw-maze-white"></div>
                <div class="pattern pattern-pw-pattern" data-body-class="bgpattern-pw-pattern"></div>
                <div class="pattern pattern-retina-wood" data-body-class="bgpattern-retina-wood"></div>
                <div class="pattern pattern-shattered" data-body-class="bgpattern-shattered"></div>
                <div class="pattern pattern-subtle-dots" data-body-class="bgpattern-subtle-dots"></div>
                <div class="pattern pattern-subtle-surface" data-body-class="bgpattern-subtle-surface"></div>
                <div class="pattern pattern-whitediamond" data-body-class="bgpattern-whitediamond"></div>
            </div>

            <div class="skin-chooser-label">
                Images Background
            </div>
            <div class="skin-chooser-row skin-chooser-row-open">
                <div class="image-chooser tuscany-thumb" data-body-class="bg-tuscany"></div>
                <div class="image-chooser tracks-thumb" data-body-class="bg-tracks"></div>
                <div class="image-chooser blurred-lines-thumb" data-body-class="bg-blurred-lines"></div>
                <div class="image-chooser mountain-thumb" data-body-class="bg-mountain"></div>
            </div>



        </div>
        <a href="#" class="arrow-left  icon-cogs" id="show_hide_skin_chooser"></a>

    </div>
    <!-- end remprod -->
    <script type="text/javascript" src="js/_jq.js"></script>

    <script type="text/javascript" src="js/_jquery.placeholder.js"></script>

    <!-- remprod -->
    <script type="text/javascript" src="js/_colorpicker.js"></script>
    <script type="text/javascript" src="js/_handlebars.js"></script>
    <script type="text/javascript" src="js/_skins.js"></script>
    <script type="text/javascript" src="js/_skinchooser.js"></script>
    <!-- end remprod -->
    <!-- online -->
    <script>
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date(); a = s.createElement(o),
            m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
        })(window, document, 'script', '../../../www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-43664425-1', 'activeaxon.com');
        ga('send', 'pageview');

    </script>
    <!-- end online -->

    <script src="js/activeaxon_menu.js" type="text/javascript"></script>
    <script src="js/animationEnigne.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/easypiecharts.js" type="text/javascript"></script>
    <script src="js/ie-fixes.js" type="text/javascript"></script>
    <script src="js/jquery.base64.js" type="text/javascript"></script>
    <script src="js/jquery.carouFredSel-6.2.1-packed.js" type="text/javascript"></script>
    <script src="js/jquery.cycle.js" type="text/javascript"></script>
    <script src="js/jquery.cycle2.carousel.js" type="text/javascript"></script>
    <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="js/jquery.easytabs.js" type="text/javascript"></script>
    <script src="js/jquery.eislideshow.js" type="text/javascript"></script>
    <script src="js/jquery.flexslider.js" type="text/javascript"></script>
    <script src="js/jquery.infinitescroll.js" type="text/javascript"></script>
    <script src="js/jquery.isotope.js" type="text/javascript"></script>
    <script src="js/jquery.parallax-1.1.3.js" type="text/javascript"></script>
    <script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
    <script src="js/jQuery.scrollPoint.js" type="text/javascript"></script>
    <script src="js/jquery.themepunch.plugins.min.js" type="text/javascript"></script>
    <script src="js/jquery.themepunch.revolution.js" type="text/javascript"></script>
    <script src="js/jquery.tipsy.js" type="text/javascript"></script>
    <script src="js/jquery.validate.js" type="text/javascript"></script>
    <script src="js/jQuery.XDomainRequest.js" type="text/javascript"></script>
    <script src="js/retina.js" type="text/javascript"></script>
    <script src="js/timeago.js" type="text/javascript"></script>
    <script src="js/tweetable.jquery.js" type="text/javascript"></script>
    <script src="js/zeina.js" type="text/javascript"></script>
</body>
</html>
